body {
	background-color: white;
}

header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	background: white;
}

.title {
	position: relative;
	height: .44rem;
	background: url('../img/good_title_bk.png') repeat-x;
	background-color: darkslateblue;
	text-align: center;
	line-height: .44rem;
	color: sandybrown;
	font-size: .16rem;
}

.title .icon-zuojiantou {
	position: absolute;
	left: .2rem;
	line-height: .44rem;
	font-size: .2rem;
}
.search-input-wrapper {
	position: relative;
	/*width: 3rem;*/
	height: .3rem;
	margin: .05rem .1rem;
}
.toolbar-input {
	
	position: absolute;	
	left: 0rem;
	right: 0rem;
	box-sizing: border-box;
	width: 100%;
	height: .3rem;
	padding-left: .3rem;
	/*padding-right: .02rem;*/
	border: 1px solid silver;
	box-shadow: .01rem .01rem .01rem silver;
	line-height: .28rem;
	font-size: .13rem;
	color: gray;
	font-weight: 100;
}

.search-input-wrapper .icon-fangdajing {
	z-index: 2;
	position: absolute;
	top: 0rem;
	left: 0rem;
	display: inline-block;
	height: .28rem;
	width: .39rem;
	font-size: .16rem;
	text-align: center;
	color: sandybrown;
	line-height: .28rem;
}

.title-tabs {
	height: .4rem;
}

.title-tabs .title-tabs-header {
	position: relative;
	float: left;
	box-sizing: border-box;
	height: 100%;
	width: 50%;
	border-bottom: 1px solid gainsboro;
	border-right: 1px solid gainsboro;
	line-height: .4rem;
	padding-left: .2rem;
	color: gray;
	font-size: .13rem;
}

.title-tabs .title-tabs-header:last-child {
	border-right: none;
}

.xiabiao {
	position: absolute;
	right: .05rem;
	bottom: .05rem;
	font-size: .13rem;
	line-height: 1em;
}

.title-tabs-content {
	position: fixed;
	top: 1.24rem;
	z-index: 2;
	width: 100%;
	background-color: rgba(238, 238, 238, .9);
}

.title-tabs-content div {
	display: none;
}

.title-tabs-content-mapType {
	height: .8rem;
}

.title-tabs-content-goodType {
	height: 2rem;
}

.title-tabs-content-heroType {
	height: 1.2rem;
}

.title-tabs-content ul {
	height: 100%;
}

.title-tabs-content ul li {
	float: left;
	width: 25%;
	height: .4rem;
}

.title-tabs-content-mapType ul li {
	width: 33%;
}

.title-tabs-content a {
	box-sizing: border-box;
	display: block;
	width: 90%;
	height: .3rem;
	margin: .05rem auto;
	border: 1px solid silver;
	border-radius: 3px;
	background-color: white;
	/*color: rgb(208,172,102);*/
	color: dimgray;
	font-size: .1rem;
	line-height: .3rem;
	text-align: center;
}

.title-tabs-header-active {
	background-color: rgb(238, 238, 238);
	color: rgb(208, 172, 102) !important;
	border-bottom: 1px solid rgb(238, 238, 238) !important;
}

.title-tabs-content-active {
	background-color: rgba(208, 172, 102, 1) !important;
	color: white !important;
}